<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册界面</title>
</head>
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/signUp.css">
<body>
	<nav >
		<ul>
			<a href="index.html" class="site-name" ><span class="site-name-font">Manba<span style="color: black;">Video</span></span></a>
			<img id="logo" src="img/logo.jpg" alt="">
			<li> <a href="index.html" name="a1">首页</a></li>
			<li> <a href="li.html" name="a1">影视库</a></li>
			<li> <a href="myinf.html">关于站长</a></li>
		</ul>
		<a href="signUp.html" id="signup">SIGNUP</a>
		<a href="logIn.html" id="signin">LOGIN</a>
		<div class="sc">
			<input type="text" class="search" placeholder="Search for video">
			<li class="searchIcon" ></li>
		</div>
	</nav>
	<div class="main">
		<div class="cont">
			
			<div class="top">
				<h1>Join Manba Video</h1>
				<p class="lead">The best way to watch, enjoy, and download video sourses.</p>
			</div>
			<div class="create">
				<h2>create your personal account</h2>
				<h3>Username</h3>
				<input type="text" placeholder="Username">
				<p>This will be your username — you can enter your organization’s username next.</p>
				<h3>Email Address</h3>
				<input type="text" placeholder="Email Address">
				<p>You will occasionally receive account related emails. We promise not to share your email with anyone</p>
				<h3>Password</h3>
				<input type="text" placeholder="Password">
				<p>Use at least one lowercase letter, one numeral, and seven characters.</p>
				<hr style="width: 70%;">
				<p>By clicking on "Create an account" below, you are agreeing to the Terms of Service and the Privacy Policy.</p>
				<button type="summit">Create an account</button>
			</div>
			<div class="right">
				<h3 style="padding: 5px;">You’ll love Manba</h3>
				<ul class="ul1" style=" border-top: 1px solid #CEC8C8;list-style: none;border-bottom: 1px solid #CEC8C8;padding: 5px;">
					<li><b>Unlimited</b> collaborators</li>
					<li><b>Unlimited</b> public repositories</li>
				</ul>
				<ul style="list-style-image: url(http://i4.buimg.com/1949/cc6f7ecdfd09c948.png);">
					<li>Great communication</li>
					<li>Frictionless development</li>
					<li>Open source community</li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>
